 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"         
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/template/rich-template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
	
	<ui:define name="titulo">#{msgs['consultaPonto.titulo']}</ui:define>
	
	<ui:define name="body">
		<h:form>
			<h:panelGroup layout="block" style="margin-top: 25px;">
				<h:panelGrid columns="2" style="margin-bottom: 15px;" styleClass="centralized">
					<h:outputLabel value="Competência: " styleClass="required" />
					<h:outputText value="#{pontoMB.ponto.competencia.mes.nome} / #{pontoMB.ponto.competencia.ano}"/>
						
					<h:outputLabel value="Empresa: " styleClass="required" />
					<h:outputText value="#{pontoMB.ponto.empresa.nome}"/>
					
					<h:outputLabel value="Funcionário: " styleClass="required" />
					<h:outputText value="#{pontoMB.ponto.funcionario.nome}"/>
				</h:panelGrid>
				
				<h:panelGrid id="infoPonto" columns="2" style="margin-bottom: 15px;" styleClass="centralized">
					<h:outputLabel value="#{msgs['cadastroEmpresa.jornada']}: " styleClass="required"/>
					<a4j:outputPanel>
						<h:outputText value="#{pontoMB.ponto.jornada} #{msgs['label.horas']}"/>
						<rich:tooltip layout="block">
			                <span style="white-space: nowrap">
			                	<h:outputText value="#{pontoMB.ponto.jornadaTrabalhoHHMM}"/>
			                </span>
			            </rich:tooltip>
					</a4j:outputPanel>
					<h:outputLabel value="#{msgs['cadastroEmpresa.tolerancia']}: " rendered="#{!empty pontoMB.ponto.funcionario.idFuncionario}"/>
					<h:outputText value="#{pontoMB.ponto.tolerancia} #{msgs['label.minutos']}"/>
				</h:panelGrid>
				
				<h:panelGrid columns="4" id="periodo" styleClass="centralized">
					<h:outputLabel value="Início:" styleClass="required"/>
					<h:outputText value="#{pontoMB.ponto.dataInicio}">
						<f:convertDateTime pattern="dd/MM/yyyy"/>
					</h:outputText>
	                    
	                <h:outputLabel value="Fim:" styleClass="required"/>
					<h:outputText value="#{pontoMB.ponto.dataFim}">
						<f:convertDateTime pattern="dd/MM/yyyy"/>
					</h:outputText>
				</h:panelGrid>
				
				<h:panelGrid rendered="#{!empty pontoMB.ponto.funcionario.idFuncionario}" styleClass="centralized">
					<h:panelGroup layout="block" style="text-align: right;">
						<h:commandButton value="Imprimir" action="#{pontoMB.imprimir}" styleClass="no_print"/>
					</h:panelGroup>
					<h:panelGroup>
						<table cellpadding="0" cellspacing="0">
							<tr>
								<td>
									<rich:dataTable var="reg" value="#{pontoMB.ponto.registros}" rendered="#{!empty pontoMB.ponto.registros}" id="tab_calculo" rowKeyVar="rowCount">
										<f:facet name="header">
											<rich:columnGroup>
												<rich:column rowspan="2">
								                    <h:outputText value="Dia" />
								                </rich:column>
								                <rich:column colspan="2">
								                    <h:outputText value="Turno 1" />
								                </rich:column>
								                <rich:column colspan="2">
								                    <h:outputText value="Turno 2" />
								                </rich:column>
								                <rich:column breakRowBefore="true">
								                	<h:outputText value="Entrada 1" />
								                </rich:column>
								                <rich:column>
								                	<h:outputText value="Saída 1" />
								                </rich:column>
								                <rich:column>
								                	<h:outputText value="Entrada 2" />
								                </rich:column>
								                <rich:column>
								                	<h:outputText value="Saída 2" />
								                </rich:column>
											</rich:columnGroup>
										</f:facet>
										<rich:column style="#{reg.fimDeSemana?'background-color: #D8D8D8;':'background-color: white;'} text-align:center;">
											<h:outputText value="* " style="color:red;" rendered="#{!empty reg.feriados}"/>
											<h:outputText value="- " style="visibility: hidden;" rendered="#{empty reg.feriados}"/>
											<h:outputText value="#{reg.dia}">
												<f:convertDateTime pattern="dd/MM" type="date" />
											</h:outputText>
										</rich:column>
										<rich:column style="#{reg.fimDeSemana?'background-color: #D8D8D8;':'background-color: white;'} text-align:center;">
											<h:outputText value="#{reg.horaEntrada1}" />
										</rich:column>
										
										<rich:column style="#{reg.fimDeSemana?'background-color: #D8D8D8;':'background-color: white;'} text-align:center;">
											<h:outputText value="#{reg.horaSaida1}" />
										</rich:column>
										
										<rich:column style="#{reg.fimDeSemana?'background-color: #D8D8D8;':'background-color: white;'} text-align:center;">
											<h:outputText value="#{reg.horaEntrada2}" />
										</rich:column>
										
										<rich:column style="#{reg.fimDeSemana?'background-color: #D8D8D8;':'background-color: white;'} text-align:center;">
											<h:outputText value="#{reg.horaSaida2}" />
										</rich:column>
										
										<f:facet name="footer">
								            <rich:columnGroup>
								                <rich:column colspan="5">Total:</rich:column>
								            </rich:columnGroup>
       									</f:facet>
        									
									</rich:dataTable>
								</td>
								<td>
									 <rich:dataTable id="tab_resultado" var="reg" value="#{pontoMB.ponto.registros}" rendered="#{!empty pontoMB.ponto.registros}">
										<f:facet name="header">
											<rich:columnGroup>
												<rich:column colspan="3">
													<rich:tooltip layout="block">
										                <span>
										                	<b>Jornada de Trabalho: </b> 
										                	<h:outputText value="#{pontoMB.ponto.jornada}">
										                    	<f:convertNumber pattern="#0.00"/>
										                    </h:outputText>
										                	<h:outputText value="h = #{pontoMB.ponto.jornadaTrabalhoHHMM}"/>
										                </span>
										                <br/>
										                <span>
										                	<b>Tolerância: </b> <h:outputText value="#{pontoMB.ponto.tolerancia}"/> min
										                </span>
										            </rich:tooltip>
								                    <h:outputText value="Horas" />
								                </rich:column>
								                <rich:column breakRowBefore="true">
								                	<h:outputText value="Válidas" />
								                </rich:column>
								                <rich:column>
								                	<h:outputText value="Atraso" />
								                </rich:column>
								                <rich:column>
								                	<h:outputText value="Extra" />
								                </rich:column>
									        </rich:columnGroup>
								        </f:facet>
										<rich:column style="text-align:center; #{reg.fimDeSemana?'background-color: #D8D8D8 ;':'background-color: white;'}">
											<h:outputText value="-" style="visibility:hidden;" rendered="#{reg.minutosTrabalhados eq 0}" />	
											<h:outputText value="#{reg.horasValidas}" rendered="#{reg.minutosTrabalhados gt 0}"/>	
											<h:outputText value='#{"ERRO"}' style="color:red;" rendered="#{!(reg.minutosTrabalhados ge 0)}"/>	
										</rich:column>
										<rich:column style="text-align:center; #{reg.fimDeSemana?'background-color: #D8D8D8 ;':'background-color: white;'}">
											<h:outputText value="-" style="visibility:hidden;" rendered="#{reg.minutosTrabalhados eq 0}" />	
											<h:outputText value="#{reg.horasAtraso}" rendered="#{reg.minutosTrabalhados gt 0}"/>	
											<h:outputText value='#{"ERRO"}' style="color:red;" rendered="#{!(reg.minutosTrabalhados ge 0)}"/>					
										</rich:column>
										<rich:column style="text-align:center; #{reg.fimDeSemana?'background-color: #D8D8D8 ;':'background-color: white;'}">
											<h:outputText value="-" style="visibility:hidden;" rendered="#{reg.minutosTrabalhados eq 0}" />	
											<h:outputText value="#{reg.horasExtra}" rendered="#{reg.minutosTrabalhados gt 0}"/>	
											<h:outputText value='#{"ERRO"}' style="color:red;" rendered="#{!(reg.minutosTrabalhados ge 0)}"/>					
										</rich:column>
										
										<f:facet name="footer">
								            <rich:columnGroup>
								                <rich:column>
								                	<h:outputText value="#{pontoMB.ponto.totalHorasValidas}"/>
								                </rich:column>
								                <rich:column>
								                	<h:outputText value="#{pontoMB.ponto.totalHorasAtraso}"/>
								                </rich:column>
								                <rich:column>
								                	<h:outputText value="#{pontoMB.ponto.totalHorasExtra}"/>
								                </rich:column>
								            </rich:columnGroup>
       									</f:facet>
        									
									</rich:dataTable>
								</td>
							</tr>
						</table>
					</h:panelGroup>
					<rich:list value="#{pontoMB.feriados}" var="feriado" type="unordered" rendered="#{!empty pontoMB.feriados}">
						<h:outputText value="#{feriado.diaDDMMYYYY} - #{feriado.descricao}" />
					</rich:list>
				</h:panelGrid>
			</h:panelGroup>
		</h:form>
	</ui:define>
	
</ui:composition>